import React from 'react'
import A from './Fen_center.module.css'
import { Menu ,Card} from 'antd';
import Meta from 'antd/es/card/Meta';
import tudou from '../../image/tudou.png'
import rou  from '../../picture/rou.jpg'
function Fen_center() {
  return (
    <div className={A.center}>
    <div className={A.center_top}>早餐的做法</div>
    <div className={A.center_bottom}>
    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={rou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>南瓜糕</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>南瓜、蒜黄</span>
            </>
            } />
          </Card>
    </div>

    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={tudou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>土豆饼</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>土豆条、中筋面粉</span>
            </>
            } />
          </Card>
    </div>

    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={tudou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>土豆饼</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>土豆条、中筋面粉</span>
            </>
            } />
          </Card>
    </div>
    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={tudou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>土豆饼</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>土豆条、中筋面粉</span>
            </>
            } />
          </Card>
    </div>

    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={tudou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>土豆饼</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>土豆条、中筋面粉</span>
            </>
            } />
          </Card>
    </div>

    <div className={A.tuijian11}>
          <Card
            hoverable
            cover={<img alt="example" src={tudou} style={{width:'100%',height:'13rem'}}/>}
          >
            <Meta title={
              <>

            <div  className={A.meta_title}>土豆饼</div>
            <svg className={A.icon_shicai} aria-hidden="true">
              <use xlinkHref="#icon-shicai"></use>
            </svg>
            <span>土豆条、中筋面粉</span>
            </>
            } />
          </Card>
    </div>

    
    </div>
    
</div>
  )
}

export default Fen_center